Ext.define('Sencha.view.DicMetadataFormView', {
    extend: 'Ext.Container',
    xtype: 'dicmetadataformview',
           
    config: {
        title: 'Metadata',
        styleHtmlContent: true,
        scrollable: 'vertical'
    },   
	
    initialize: function () {
    	this.callParent(arguments);        
        
        // Form for entering dictionary entry info.
        var fieldSet = {
	        xtype: 'fieldset',
	        id: 'dicMetadataFieldset',
	        items: [
	            {
	                xtype: 'textfield',
	                name : 'date',
	                label: 'Date',
                    id: 'dateField',
                    disabled: true
	            },
	            {
	                xtype: 'textfield',
	                name : 'latitude',
	                label: 'Latitude',
                    id: 'latitudeField',
                    disabled: true
	            },
	            {
	                xtype: 'textfield',
	                name : 'longitude',
	                label: 'Longitude',
	                id: 'longitudeField',
	                disabled: true
	            },
	            {
	                xtype: 'textfield',
	                name : 'recordingdevice',
	                label: 'Recording Device',
	                id: 'recordingDeviceField',
	                disabled: true
	            }
	        ]
           };
       
       var collectorContainer = {
       		xtype: 'container',
       		layout: 'hbox',
       		
       		items:[
       			{
       				xtype: 'label',
       				html: 'Collector'
       			},
       			{
       				xtype: 'spacer'
       			},
       			{
       				xtype: 'button',
       				text: 'Collector',
       				id: 'collectorButton'
       			
       			}
       		
       		]
       		
       	
       };

       
       var speakerContainer = {
       		xtype: 'container',
       		layout: 'hbox',
       		
       		items:[
       			{
       				xtype: 'label',
       				html: 'Speaker'
       			},
       			{
       				xtype: 'spacer'
       			},
       			{
       				xtype: 'button',
       				text: 'Speaker',
       				id: 'speakerButton'
       			
       			}
       		
       		]
       
       };
       

       
       	this.add([fieldSet, speakerContainer, collectorContainer]); 

    }

});